<!-- TMPL_VAR NAME=doctype_head -->

  <title>Top News - <!-- TMPL_VAR NAME=company_name --></title>

<link rel='stylesheet' type='text/css' charset='utf-8' href="<!-- TMPL_VAR NAME=site_base_url -->stylesheets/mobile.css" media='all' />

<!-- TMPL_VAR NAME=internal_style -->

</head>
<body><!-- Page xhtml based on mobiforge templates. see http://mobiforge.com/starting/story/site-templates for orginals -->
<div id='body'>
    <div class="header">
      <img alt="<!-- TMPL_VAR NAME=company_name -->" src="<!-- TMPL_VAR NAME=site_base_url -->images/logo176.gif" width="112" height="50" title="<!-- TMPL_VAR NAME=company_alt -->" /><br />
      <a href="<!-- TMPL_VAR NAME=cgi_url -->&amp;page=home">Home</a> | News
    </div>
    <!-- TMPL_VAR NAME=insert_ad_here -->
    <div id='status'><span class='alert'><!-- TMPL_VAR NAME=user_status --></span></div>
    <div class="top-news">
      <h3>Top News Item</h3>
      <img src="<!-- TMPL_VAR NAME=site_base_url -->images/image1-t.jpg" width="50" height="44" alt="Image for Story 1" />
      <p>
        The top news item is presented with a headline, abstract and image. On
        devices supporting it, the image will be floated left and the text 
        will flow around it. The abstract ends up with a link to the full 
        article. <a href="<!-- TMPL_VAR NAME=cgi_url -->&amp;page=article1">more »</a>
      </p>
    </div>
    
    <hr class="separator" />
    
    <div class="top-news">
      <h3>Second News Item</h3>
      <img src="<!-- TMPL_VAR NAME=site_base_url -->images/image2-t.jpg" width="50" height="69" alt="Image for Story 2" />
      <p>
        The second news item is presented in the same way - with a headline, 
        abstract and image. On devices supporting it, the image will be floated 
        left and the text will flow around it. The abstract ends up with a link to 
        the full article. <a href="<!-- TMPL_VAR NAME=cgi_url -->&amp;page=article1">more »</a>
      </p>
    </div>
    
    <hr class="separator" />
    
    <div class="top-news">
      <h3>Third News Item</h3>
      <img src="<!-- TMPL_VAR NAME=site_base_url -->images/image3-t.jpg" width="50" height="75" alt="Image for Story 3" />
      <p>
        The third news item is presented in the same way - with a headline, 
        abstract and image. On devices supporting it, the image will be floated 
        left and the text will flow around it. The abstract ends up with a link to 
        the full article. <a href="<!-- TMPL_VAR NAME=cgi_url -->&amp;page=article1">more »</a>
      </p>
    </div>
    
    <hr class="separator" />
    
    <div class="news">
      <h3>Other News</h3>
      <a href="<!-- TMPL_VAR NAME=cgi_url -->&amp;page=article1">Headlines only for older articles »</a><br />
      <a href="<!-- TMPL_VAR NAME=cgi_url -->&amp;page=article1">Another older article »</a><br />
      <a href="<!-- TMPL_VAR NAME=cgi_url -->&amp;page=article1">And another older article »</a><br />
      <a href="<!-- TMPL_VAR NAME=cgi_url -->&amp;page=article1">The last article on this page »</a><br />      
      <a href="<!-- TMPL_VAR NAME=cgi_url -->&amp;page=news1">older news »</a>
    </div>    

<div class="footer">
    <a href="<!-- TMPL_VAR NAME=cgi_url -->&amp;page=home">Home</a> | News<br />
    © <!-- TMPL_VAR NAME=company_name --> All rights reserved.<br />
    <span class='powered_by'>Powered by <a href="http://opensitemobile.com">MobileSiteOS</a>™</span>
</div>

</div>
</body>
</html>